<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><!-- InstanceBegin template="/Templates/Base.dwt" codeOutsideHTMLIsLocked="false" -->
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<!-- InstanceBeginEditable name="doctitle" -->
		<title>Clearkin</title>
		<!-- InstanceEndEditable -->
		<meta name="description" content="#" />
		<meta name="keywords" content="#" />
		<meta name="author" content="#" />
        
        
        cdscdscds dsc sdsc dscdsc
        
		<link rel="stylesheet" type="text/css" media="screen, projection" href="css/screen.css" />
		<link type="text/css" href="css/smoothness/jquery-ui-1.8.7.custom.css" rel="stylesheet" />	        

		<!--[if IE 7]>
			<link rel="stylesheet" type="text/css" media="screen, projection" href="css/ie7.css" />
		<![endif]-->
		<!--[if IE 8]>
			<link rel="stylesheet" type="text/css" media="screen, projection" href="css/ie8.css" />
		<![endif]-->
        
        
        
		<script type="text/javascript" src="js/jquery-1.4.4.js"></script>
		<script type="text/javascript" src="js/base.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>

		<script src="js/cufon-yui.js" type="text/javascript"></script>        
		<script type="text/javascript" src="js/Akzidenz_400-Akzidenz_700.font.js"></script>        


		<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
		
		<script type="text/javascript">
			$(function(){
				// Tabs
				$('#tabs').tabs({
					show: function(event, ui) { refreshTypo();}}
				);		

				Cufon.replace('.shop'); 
				Cufon.replace('.find'); 
				Cufon.now();				
				
				 });
		</script>
		
		
		<!-- InstanceBeginEditable name="head" -->
		<!-- InstanceEndEditable -->
		<!-- InstanceBeginEditable name="JS" -->
		<script type="text/javascript">
			$(function(){
				// Tabs
				$('#tabs').tabs({
					show: function(event, ui) { refreshTypoAcne();}}
				);		


				$( "#accordion" ).accordion();	
				$( ".accordion" ).accordion({ autoHeight: false });
				$( ".accordion" ).accordion({ navigation: true });				
				
			

				Cufon.replace('.ssHeader h1');			
				Cufon.replace('.acne .tab1');
				Cufon.replace('.acne .tab2');
				Cufon.replace('.acne #tabs-2 .colonneDroite h1');
				Cufon.replace(' .acne #tabs-2 .colonneDroite h2');	
				Cufon.replace('.composantOneLeft .explicatif h1');
				Cufon.replace('.composantOne .explicatif h1');			
																				
				Cufon.now();	
	
				 });
		</script>
		<!-- InstanceEndEditable -->
	</head>
<body>
     	<!--central-->     
    	<div class="central">
                    <!-- header-->
                    <div class="header">
                    				<div class="ssMenuheader">
                                          <ul>
                                            <li>
                                                <a href="#" title="Go to Page" class="shop shopHeader" style="background-image:url(img/bouton/shopNowHeader.jpg); background-repeat:no-repeat; display:block; overflow:hidden; width:75px; height:16px; padding-left:6px; padding-top:4px;">Shop Now</a>
                                            </li>
                                            <li>
                                                <a href="#" title="Go to Page" class="find findheader" style="background-image:url(img/bouton/findrepresentativeHeader.jpg); display:block; overflow:hidden; background-repeat:no-repeat; width:146px; height:16px;  padding-left:6px; padding-top:4px;">Find a Representative</a>
                                            </li>
                                            <li>
                                                <a href="#" title="Go to Page">Share this site</a>
                                            </li>                                                                                                                                                                  
                                        </ul>
                                    </div>
                                    
                                 <!--CLEAR-->                                    
                                   <div class="CLEAR"></div> 
                                  <!--end CLEAR-->   
                                  
                                 <!--logoClearSkin-->
                                <div class="logoClearSkinHeader"><img src="img/header/logo_top_left.jpg" width="161" height="27"  alt="logo" name="logo" />
                                </div>
                                 <!--end logoClearSkin-->
                                 
                                 
                                 
                                 <!--ClearSkinProHeader-->
                                <div class="ClearSkinProHeader">
                           				   <a href="#" title="Go to Page">          
     		                               <h3>CLEARSKIN PRO</h3>
                                           <div class="pro" style="background-image:url(img/header/headerClearSkinPro.jpg); width:99px; height:14px; overflow:hidden; display:block; background-repeat:no-repeat"></div>
                                           </a>
                                </div>
                                 <!--end ClearSkinProHeader-->                                 
                                 
                                 
                                 
                                <!-- logoAvon-->
                                <div class="ClearSkinHeader">
                                     
     		                               <h3>CLEARSKIN</h3>
                                           <a href="#" title="Go to Page" class="headerClearSkin_1">
                                           <div class="normOne" style="background-image:url(img/header/headerClearSkin.jpg); background-repeat:no-repeat; overflow:hidden; width:100px; height:15px;  display:block;"></div>                                         
                                           </a>
                                          
                                  
                                </div>
                                <!--end logoAvon-->
                                
                                <!-- menuHeader-->                                
                                <div class="menuHeader">
                                            <ul>
                                                <li>
                                                    <a href="#" title="Go to Page">
                                                    <h3>NEWS FLASH</h3>
                                                    <div class="dessous" style=" background-image:url(img/header/boutonMenu.jpg); background-repeat:no-repeat; display:block; height:13px; overflow:hidden; width:85px;"></div>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#" title="Go to Page">
                                                    <h3>ABOUT ACNE</h3>
                                                    <div class="dessous" style=" background-image:url(img/header/boutonMenu.jpg); background-repeat:no-repeat; display:block; height:13px; overflow:hidden; width:85px;"></div>
													</a>
                                                </li>
                                                <li>
                                                    <a href="#" title="Go to Page">
                                                    <h3>SPEAK UP!</h3>
                                                    <div class="dessous" style=" background-image:url(img/header/boutonMenu.jpg); background-repeat:no-repeat ; display:block; height:13px; overflow:hidden; width:85px;"></div>
                                                    </a>
                                                </li>     
                                                <li>
                                                    <a href="#" title="Go to Page">
                                                    <h3>SELECTOR GUIDE</h3>
                                                    <div class="dessous" style=" background-image:url(img/header/boutonMenu2.jpg); background-repeat:no-repeat ; display:block; height:13px; overflow:hidden; width:110px;"></div>
                                                    </a>
                                                </li>                                                                                                                                                                  
                                        </ul>                              
                                </div>
                                <!--end menuHeader-->              
                               
                    </div>
                    <!--end  header-->
					
            	  <!--CLEAR-->                                    
                   <div class="CLEAR"></div> 
                  <!--end CLEAR-->   
                                      					
					
                    
                    
					
					
					
					
					<!-- InstanceBeginEditable name="Content" -->
                    <!--presentation-->
                   <!--enter-->
                    <div class="acne">
                                <!--ssHeader-->                                                   
                    			<div class="ssHeader" style="background-image:url(img/background/clearskin-3_2_Acne_FAQ.jpg); width:100%; height:334px;">
                                       
                                        <!--title-->                               
                                       <div class="title">
                                        <h1>CLEARSKIN</h1>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.<br />
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras semper porttitor est, a placerat quam suscipit vitae. Pellentesque posuere sem in diam eleifend id scelerisque odio malesuada. In vitae volutpat lacus. Integer ut dolor est. 
        </p>
                                        </div>
                                        <!--end title-->                               
                                </div>
                                <!--end ssHeader-->                                                   
                                
                                
                                
                                
                                
                                
                                <!--onglet-->                                                               
                                <div class="onglet"> 
                                		<!--tabs-->                                   
                                		<div id="tabs">
                                                        <ul>
                                                            <li class="onglet_1"><a href="#tabs-1" class="tab1">THE ACNE CYCLE</a></li>
                                                            <li class="onglet_2"><a href="#tabs-2" class="tab2">ACNE FAQ</a></li>                                                   
                                                        </ul>
                                                        
                                                        
                                                        
                                                        <div id="tabs-1">
														</div>
                                                        
                                                        
                                                        
                                                        
                                                        
                                                        <div id="tabs-2">
                                                              
                                                                    <div class="colonneDroite">
                                                                    <h2>WHAT YOU NEED TO KNOW ABOUT ACNE</h2>
                                                                    <h1>Dr. Karcher answers your questions</h1><br /><br />
                                                                    
<div id="accordion" class="accordion">
	<h3><a href="#"><b>WHO GETS ACNE?</b></a></h3>
	<div>
		<p>
		Anyone can suffer from acne, it affects people of all ethnicities, skin type and ages.
		</p>
	</div>
	<h3 class="question"><a href="#"><b>Is there a cure for acne?</b></a></h3>
	<div>
		<p>
		Unfortunately, there is no cure for acne, but it is a preventable and controllable problem if you have the right tools.
		</p>
	</div>
	<h3 class="question"><a href="#"><b>What is the best way to treat acne?</b></a></h3>
	<div>
		<p>
		A good skincare routine is the foundation for great skin. Since blemishes take two to three weeks to develop, you are treating a symptom. The best way to treat acne is to help stop the blemishes from developing in the first place, which means treating the whole face or area with a daily regimen – even when you are not experiencing break-outs.
		</p>
	</div>
	<h3 class="question"><a href="#"><b>What skincare routine do you recommend?</b></a></h3>
	<div>
		<p>
		 As a dermatologist, I recommend Avon's Clearskin Professional 3-Step Acne Treatment System to help clear, control and prevent breakouts.
		</p>
	</div>
    
   
  	<h3 class="question"><a href="#"><b>Why is the Clearskin Professional different?</b></a></h3>
	<div>
		<p>
		 Clearskin Professional 3-step Acne Treatment System is a truly effective, fast-acting, simple and affordable solution. The system is formulated with medical-grade Salicylic Acid, Avon's exclusive Zinc peptide and other key ingredients, and it works to fight acne before, during and after a breakout.
		</p>
	</div>
    
     	<h3 class="question"><a href="#"><b>What is in the Clearskin Professional 3-Step System?</b></a></h3>
	<div>
		<p>
		The anti-acne kit contains a deep pore cleansing scrub, clarifying toner pads and a daily correcting lotion.
		</p>
	</div>
    
      	<h3 class="question"><a href="#"><b>Does it really work?</b></a></h3>
	<div>
		<p>
		 Yes – it's clinically proven to reveal skin that is clearer in just three days – so you can finally feel confident about the way your skin looks!
		</p>
	</div>
    
       	<h3 class="question"><a href="#"><b>Where can I get it?</b></a></h3>
	<div>
		<p>
		 You can order Clearskin Professional 3-Step Acne Treatment System online or through your Avon representative.
		</p>
	</div>
</div>


                                                                    
                                                                 
        
                                                                    
                                                                    
                                                                    </div>

                                                        </div>
                                                        
                                        
                                        </div> 
                                		<!--end tabs-->                
                                                        
                                                                                                                             
                                </div>
                                <!--end onglet-->                               
                    
                    

                    

                    
                    			<!--separationRubrique-->                     
                   				<div class="separationRubrique"><img src="img/separation_bleu.jpg" width="1100" height="10" alt="separation" name="separation" /></div>
                    			<!--end separationRubrique-->    
                                
                                
                    			<!--ssRub-->                     
                                <div class="ssRub">
                                
                    			<!--composant-->                                  
                                    <div class="composantOneLeft">
                                            <a href="#" >
                                            <img src="img/about/clearskin-2_1_About_Clearskin.jpg" width="112" height="80" alt="image" name="image" class="imgComposantOne" />
                                            <div class="explicatif">
                                                    <h1>NEWS FLASH</h1>
                                                    <p>Lorem ipsum dolor sit amet, cosectetur babli bablo</p>
                                            </div>
                                            </a>
                                    </div>  
                                    
  
                                      <div class="composantOne">
                                     		 <a href="#" >
                                            <img src="img/about/clearskin-2_1_About_Clearskin.jpg" width="112" height="80" alt="image" name="image" class="imgComposantOne" />
                                            <div class="explicatif">
                                                    <h1>NEWS FLASH</h1>
                                                    <p>Lorem ipsum dolor sit amet, cosectetur babli bablo</p>
                                            </div>
                                             </a>
                                    </div>  
                                    
                                    <div class="composantOne">
                                   			 <a href="#" >
                                            <img src="img/about/clearskin-2_1_About_Clearskin.jpg" width="112" height="80" alt="image" name="image" class="imgComposantOne" />
                                            <div class="explicatif">
                                                    <h1>NEWS FLASH</h1>
                                                    <p>Lorem ipsum dolor sit amet, cosectetur babli bablo</p>
                                            </div>
                                            </a> 
                                    </div> 
                     			<!--end composant-->                                                                           
                                                                                        
                                </div>
                    			<!--end ssRub-->                                                         
                    
                     </div>                   
                    <!--end presentation-->
                    <!-- InstanceEndEditable -->
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                  <!--CLEAR-->                                    
                   <div class="CLEAR"></div> 
                  <!--end CLEAR-->   
                                                     
                    <!--footer-->             
                    <div class="footer">
                              <!-- liner   -->   
                            <div class="liner"><img src="img/header_liner_1100X9.jpg" width="1100" height="9" alt="header liner" />
                            </div> 
                            <!--end liner--> 
                            
                                <!--logoAvonFooter-->             
                                <div class="logoAvonFooter">
                                            <img src="img/footer/footer_logo_avon.jpg"  width="70" height="14" alt="logo avon" />
                                </div>
                                <!--end logoAvonFooter-->   
                                
                                <!--copyright-->                                          
                                <div class="copyright">
                                    <a href="#" title="Go to Page"><h5>@ 2010. Avon Products. Inc</h5></a>
                                </div>
                                <!--end copyright--> 
                                
                                <!--navigationFooter-->                                                                         
                                <div class="navigationFooter">
                                         <ul>
                                            <li>
                                                <a href="#" title="Go to Page">Countries / languages</a>
                                            </li>
                                            <li class="separateurPipe"> <span> &#124; </span> </li>
                                            <li>
                                                <a href="#" title="Go to Page">Security & Privacy</a>
                                            </li>
                                            <li class="separateurPipe"> <span> &#124; </span> </li>                            
                                            <li>
                                                <a href="#" title="Go to Page">Terms and conditions</a>
                                            </li>
                                            <li class="separateurPipe"> <span> &#124; </span> </li>                            
                                            <li>
                                                <a href="#" title="Go to Page">AVON.COM</a>
                                            </li> 
                                            <li class="separateurPipe"> <span> &#124; </span> </li>                            
                                            <li>
                                                <a href="#" title="Go to Page">AVON Worlwide</a>
                                            </li>
                                            <li class="separateurPipe"> <span> &#124; </span> </li>                               
                                            <li>
                                                <a href="#" title="Go to Page">Contact Us</a>
                                            </li> 
                                            <li class="separateurPipe"> <span> &#124; </span> </li>                                                                             
                                            <li>
                                                <a href="#" title="Go to Page">Rep Zone</a>
                                            </li>                                                                                                                  
                                        </ul>
                                </div>
                                <!--end navigationFooter-->                                                                         
                                
          </div>
                        <!--end footer-->      

</div>
     	<!--end central--> 

</body>
<!-- InstanceEnd --></html>
